<template>
  <div id="wrapper">
    <nav class="top">
      <a >
        <router-link :to="{name: 'jiayemian/yemian'}">
          <img class="left" src="../../assets/img/img.../xingzhuang164.png" alt="">
        </router-link>
      </a>
      <span class="wenzi">添加新地址</span>
      <span  class="bian"  >
        <router-link :to="{name: 'complete'}">完成</router-link>
      </span>
    </nav>
 <!--content-->
    <div class="content">
      <p>请使用您的真实姓名,否则订单将无法发出</p>
      <input type="text" placeholder="请填写真实姓名">
      <input type="text" placeholder="请填写手机号">
      <!--三级联动-->
      <div class="city">
        <span>请选择城市</span>
        <span><img  src="../../assets/img/kefufankui/information/youjiantou.png" height="18" width="10"/></span>
        <input type="text" placeholder="请填写详细地址">
        <input type="text" placeholder="请填写邮编">
      </div>
    </div>

  </div>
</template>
<script>
  export default {
//    methods:{
////      back(){
////        this.$router.go(-1);
////      }
  }
</script>
<style scoped>
  #wrapper{
    width: 100%;
    height:24rem;
    background-color: #f2f2f2;
  }
  .top{
    position: relative;
    width: 100%;
    height: 2.5rem;
    background-color: #e53e42;
  }
  .wenzi{
    font-family: MicrosoftYaHei;
    font-size: 0.7rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 2.25rem;
    letter-spacing: 0.04rem;
    color: white;
    position: absolute;
    top: 0.65rem;
    left: 6rem;
  }
  img{
    width: 0.4rem;

  }
  .left {
    position: absolute;
    top: 1.5rem;
    left: 0.7rem;
  }
  /*编辑*/
  .bian{
    float: right;
    margin-top: 1.3rem;
    color: white;
    font-weight: 100;
    font-size:0.6rem;
  }
  /*content*/
 .content p:nth-child(1){
   font-size:0.5rem;
   margin-left: 0.4rem;
   color: #e53e42;
 }
  input{
    width: 100%;
    height: 1.3rem;
    padding-left: 0.5rem;
    font-size:0.5rem;
    outline: none;
    border:none;
    border-bottom:1px solid #f2f2f2;
  }

  .city span:nth-child(1){
    font-size:0.5rem;
    margin-left: 0.5rem;
    color: #808080;

  }
  .city img{
    margin-left: 11.7rem;
    width: 0.3rem;
  }
  .city p{
    font-size:0.5rem;
    color: #808080;
    margin-left: 0.5rem;
  }

</style>


